@charset "UTF-8";
@import "../common/_functions.scss";
@import "../common/_variables.scss";

.index-search {
    display: flex;
    min-height: px2rem(84);
    background-color: $_fafbfc;
    border-bottom: 1px solid $_c8c8cc;
    padding-bottom: px2rem(12);
    justify-content: space-between;
    .search-logo {
        width: px2rem(119);
        height: px2rem(42);
        margin-left: px2rem(19);
        margin-top: px2rem(21);
        margin-right: px2rem(47);
        img {
            display: block;
            width: 100%;
        }
    }
    .search-textBox {
        flex: 1;
        margin-top: px2rem(14);
        height: px2rem(56);
        border: 1px solid $_ccc;
        border-radius: px2rem(10);
        font-size: px2rem(30);
        padding-left: px2rem(15);
    }
    .search-icon {
        width: px2rem(21+30+14);
        height: px2rem(27+30+27);
        padding-top: px2rem(27);
        padding-right: px2rem(14);
        padding-bottom: px2rem(27);
        padding-left: px2rem(21);
        // margin-top: px2rem(27);
        // margin-right: px2rem(14);
        // margin-left: px2rem(21);
    }
}